<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>日期选择器</title>

		<link href="../zui/css/zui.min.css" rel="stylesheet">
		<link href="css/datetimepicker.css" rel="stylesheet" />

		<!--script-->
		<script src="../../lib/jquery-2.1.0.js"></script>
		<script src="js/datetimepicker.js"></script>
		<script src="../zui/js/zui.js"></script>
	</head>

	<body>
		<div class="panel">
			<header class="panel-heading">
				日期选择
			</header>
			<div class="panel-body">
				<input type="text" class="form-control set_date" />
			</div>
		</div>
		<script>
			$(function() {
				//初始化
				$(".set_date").datetimepicker({
					weekStart: 1,
					todayBtn: 1,
					autoclose: 1,
					todayHighlight: 1,
					startView: 2,
					forceParse: 0,
					showMeridian: 1,
					format: "yyyy-mm-dd hh:ii"
				});
			})
		</script>
		<p></p>
		
		<dl class="container">
			<h4>常用api</h4>
			<dt>changeDate 当日期被改变时被触发。</dt>
			<dd>$('#date-end') .datetimepicker() .on('changeDate', function(ev));</dd>
		</dl>
		
		<hr />

	</body>

</html>